看1级片

<form id=AfNFovhOf><nobr id=AfNFovhOf></nobr></form>

<address id=AfNFovhOf><nobr id=AfNFovhOf><nobr id=AfNFovhOf></nobr></nobr></address>

2025 iThome 鐵人賽

DAY 4

0

佛心分享-跟著我的影片學 IT

A CSS Video a Day, Keeps Web Confusion Away!!系列第 4 篇

( Day 4 ) CSS 命名原則

17th鐵人賽 css css教學

2025-08-04 00:28:27

238 瀏覽

分享至

因為 CSS 太容易上手，使用者在 ID 和 Class ( 類別 ) 的命名上，時常發生名稱不一致或隨便取名的狀況，這種沒有系統性的命名，往往造成後續不容易理解或嵌套順序錯亂，這個單元會介紹一些常用又好理解的命名原則，透過這些命名原則，就能讓 CSS 寫得更加整齊漂亮又好維護。

影片重點：

00:00:41 合法的命名字元

00:02:15 區分大小寫

00:04:47 多個單字的名稱組合方式

00:05:40 語意清楚

00:07:04 簡單扼要 ( 短命名 )

00:07:26 使用字首代碼

相關參考：

教學文：CSS 命名原則

影片連結：https://www.youtube.com/watch?v=qe_NzSHzFas

CSS 命名原則

後記

今天來分享一下 AI 產生字幕 ( Mac + OpenAI Whisper ) 的心得，參考「AI 影片轉字幕 ( 語音逐字稿、MP3 轉字幕 )」文章內容，可以自行透過 Python 安裝 OpenAI Whisper，安裝後就可以將影片的聲音 mp3 檔案轉換成字幕，但是在轉換過程中 Mac 風扇會起飛，這時建議不要做任何動作，就在一旁滑手機，讓他乖乖轉就好了～

通常十分鐘的聲音檔案要花個六到七分鐘轉換，音檔越長轉換時間會越長 ( 看電腦效能 )，轉換之後，我覺得中文字的辨識準確度，大概九成五以上都滿準確的 ( 沒有計算，憑感覺推測 )，但中英文夾雜的準確度就比較差，粗估應該六七成左右準確而已，變成還是得手動一行一行的檢查，不過也幸好有 AI 的輔助，省下了大量的時間！

更多參考：

Youtube 頻道：https://www.youtube.com/@steam.oxxostudio

CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html

( Day 3 ) CSS 語法規則與結構

( Day 5 ) 認識 CSS 選擇器

系列文

A CSS Video a Day, Keeps Web Confusion Away!! 共 16 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

218 組

團體組數

8 組

累計文章數

899 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

HoME 看1级片